<template>
  <header class="header">
    <back-ward></back-ward>
    <h1>{{title}}</h1>
  </header>
</template>
              
<script>
import BackWard from "./Sub/BackWard";
export default {
  name: "CommonHeader",
  components: { BackWard },
  props: {
    title: {
      type: String,
      default() {
        return "一线生活通";
      }
    }
  },
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</script>
              
<style lang="scss" scoped>
@import "@/assets/styles/mixins.scss";
@import "@/assets/styles/variables.scss";
.header {
  position: relative;
  @include flex-row;
  @include vh-center;
  height: $headerHeight;
  background-color: $defaultBgColor;

  h1 {
    font-size: 0.18rem;
  }
}
</style>